<section class="content">
    <div class="box">
        <div class="box-body">
            <div class="panel">
              {{message}}
            </div>
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th><a href="" ng-click="field = 'id'; order=!order">${message:id-label}</a></th>
                        <th>${message:name-label}</th>
                        <th>${message:sname-label}</th>
                        <th>${message:action-label}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="depart in departments | filter:query | orderBy:field:order">
                        <td>{{depart.id}}</td>
                        <td>{{depart.name}}</td>
                        <td>{{depart.sname}}</td>
                        <td>
                            <a ng-click="update(depart.id)" class="btn btn-sm btn-flat btn-info" >Update</a>
                            <a ng-click="remove(depart.id)" class="btn btn-sm btn-flat btn-danger">Remove</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>